<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Cerberus | Homepage</title>

        <link href="css/style.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
        <link rel="stylesheet" href="css/font-awesome.min.css">
            <!-- SlidesJS Required: Link to jQuery -->
            <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
            <script src="js/bootstrap.js" async></script>
            <script type="text/javascript">
                function load()
                {
                    <?php
                    if ($_REQUEST['message'] != null)
                        echo 'alert("'.$_REQUEST['message'].'");';

                    if ($_REQUEST['login'] != 'fail')
                        echo '$("#header").load("header.php");';
                    else
                        echo '$("#header").load("header.php?login=fail");';

                    echo '$("#slider").load("slider.php");';
                    ?>
                }
            </script>

    </head>


    <body onload="load()">

        <div id="header"></div>
        <div id="slider"></div>
        <div class="wrapper">
            <section id="maincontent">
                <div id="about-panel">
                    <div class="panel-3col-wrapper">
                        <div class="panel-3col">
                            <div class="panel-3col-heading">
                                Lego robot...
                            </div>
                            <div class="panel-3col-content">
                                <p>
                                    LEGO® MINDSTORMS® EV3 has arrived! Combining the versatility of the LEGO building system with the most advanced technology we've ever developed, unleash the creative powers of the new LEGO MINDSTORMS EV3 set to create and command Robots that walk, talk, think and do anything you can imagine...
                                </p>
                                <div class="readmore-wrapper"><a href="#" class="readmore">read more</a></div>
                            </div>
                        </div>
                    </div>
                    <div class="panel-3col-wrapper">
                        <div class="panel-3col">
                            <div class="panel-3col-heading">
                                High score...
                            </div>
                            <div class="panel-3col-content">
                                <ol>
                                    <li><span class="name">Adam</span><span class="score">180</span></li>
                                    <li><span class="name">Jacky</span><span class="score">178</span></li>
                                    <li><span class="name">Emily</span><span class="score">165</span></li>
                                    <li><span class="name">Nirajan</span><span class="score">150</span></li>
                                    <li><span class="name">Dung</span><span class="score">149</span></li>
                                    <li><span class="name">Jack</span><span class="score">145</span></li>
                                </ol>
                                <div class="readmore-wrapper"><a href="#" class="readmore">read more</a></div>
                            </div>
                        </div>
                    </div>
                    <div class="panel-3col-wrapper">
                        <div class="panel-3col last">
                            <div class="panel-3col-heading">
                                Lego robot...
                            </div>
                            <div class="panel-3col-content">
                                <ul id="robotsgallery">
                                    <li><a class="fancybox" rel="group" href="images/31313_FRONT_320.png"><img src="images/31313_FRONT_320.png"/></a></li>
                                    <li><a class="fancybox" rel="group" href="images/BOBB3E_320.png"><img src="images/BOBB3E_320.png"/></a></li>
                                    <li><a class="fancybox" rel="group" href="images/DINOR3X_320.png"><img src="images/DINOR3X_320.png" /></a></li>
                                    <li><a class="fancybox" rel="group" href="images/EV3MEG_320.png"><img src="images/EV3MEG_320.png"/></a></li>
                                    <li><a class="fancybox" rel="group" href="images/GRIPPER_320.png"><img src="images/GRIPPER_320.png" /></a></li>
                                    <li><a class="fancybox" rel="group" href="images/MR_B3AM_320.png"><img src="images/MR_B3AM_320.png"/></a></li>
                                    <li><a class="fancybox" rel="group" href="images/SCORPION_320.png"><img src="images/SCORPION_320.png" /></a></li>
                                    <li><a class="fancybox" rel="group" href="images/SNAKE_320.png"><img src="images/SNAKE_320.png"/></a></li>
                                    <li><a class="fancybox" rel="group" href="images/TRACKER_320.png"><img src="images/TRACKER_320.png" /></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
        <div class="clear"></div>
        <footer>
            <div id="cerberuslogo">
                <img src="images/cerberuslogo.gif" width="140" height="29" />
            </div>
            <div id="copyright">
                Copyright information
            </div>
        </footer>
    </body>
</html>
